const path = require('path')
const merge = require('webpack-merge')
const config = require('./webpack.base.js')
// 删除了 webpack-node-externals

const clientConfig = {
  mode: 'development',
  //改变了入口文件 
  entry: './src/client/index.js',
  // 改变了打包后的路径和文件名
  output: {
    filename: 'index.js',
    path: path.resolve(__dirname, 'public')
  },
  module: {
    rules: [
      {
        test: /\.css$/,
        use: ['style-loader', { // loader 的处理是从下到上，从右到左
          loader: 'css-loader',
          options: {
            importLoaders: 1, //使用 loader 的数量
            modules: true, // 支持 css 的模块化
            localIdentName: '[name]_[local]_[hash:base64:5]'  // 自定义 Class 的名称 —— [name] = 文件名， [local] = class 名称， [hash:base64:5]=添加 hash 部分
          }
        }]
      }
    ]
  }
}

module.exports = merge(config, clientConfig)
